<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../css/bootstrap.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/bidplanlist.css">
    <script src="//at.alicdn.com/t/font_491183_y4y2apt31o3i8uxr.js"></script>
    <title>Document</title>
</head>

<body>
    <header></header>
    <div class="nav_main"></div>
    <div class="bidplanlist_banner"></div>

    <div class="bidplanlist_selector">
        <h4 class="title_h4">点点专享</h4>
        <div class="selector_type selector_box">
            <span class="clearfix">计划类型：</span>
            <div class="selector_center">
                <span class="active">不限</span>
                <span>3个月以下</span>
                <span>4-6个月</span>
                <span>7-11个月</span>
                <span>12个月以上</span>
            </div>
        </div>
        <div class="selector_time selector_box">
            <span class="clearfix">计划期限：</span>
            <div class="selector_center">
                <span class="active">不限</span>
                <span>5千元以下</span>
                <span>5000-1万元</span>
            </div>
        </div>
    </div>

    <div class="bidplanlist_prompt">
        <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-wenxintishi1"></use>
        </svg>
        温馨提示：工作日固定发标时间在12:00、17:00，其余时间随机发标！
    </div>

    <div class="bidplanlist_box">
        <div class="bidplanlist_center clearfix">
            <a class="bidplanlist_pic" href="#">
                <h4>点点安盈171220</h4>
                <div class="pull-left">
                    <p>年化利率</p>
                    <h4>7.5
                        <small>%</small>
                    </h4>
                </div>
                <div class="pull-left">
                    <p>借款期限</p>
                    <h4>65
                        <small>天</small>
                    </h4>
                </div>
                <span class="line"></span>
                <p>借款金额：50,000元
                    <span class="pull-right">20%</span>
                </p>
                <div class="progress">
                    <div class="progress-bar progress-bar-danger" role="progressbar" style="width: 20%"></div>
                </div>
                <span class="btn btn-default ">投标中</span>
            </a>
            <a class="bidplanlist_pic" href="#">
                <span class="line list_top"></span>
                <h4>点点安盈171220</h4>
                <div class="pull-left">
                    <p>年化利率</p>
                    <h4>7.5
                        <small>%</small>
                    </h4>
                </div>
                <div class="pull-left">
                    <p>借款期限</p>
                    <h4>65
                        <small>天</small>
                    </h4>
                </div>
                <span class="line"></span>
                <p>借款金额：50,000元
                    <span class="pull-right">20%</span>
                </p>
                <div class="progress">
                    <div class="progress-bar progress-bar-danger" role="progressbar" style="width: 20%"></div>
                </div>
                <span class="btn btn-default btn-over">还款中</span>
            </a>
            <div class="bidplanlist_pic">

            </div>
            <div class="bidplanlist_pic">

            </div>
            <div class="bidplanlist_pic">

            </div>
            <div class="bidplanlist_pic">

            </div>
            <div class="bidplanlist_pic">

            </div>
            <div class="bidplanlist_pic">

            </div>
        </div>
    </div>

    <nav aria-label="Page navigation">
        <ul class="pagination">
            <li>
                <a href="#" aria-label="Previous">
                    <</a>
            </li>
            <li class="active">
                <a href="#">1</a>
            </li>
            <li>
                <a href="#">2</a>
            </li>
            <li>
                <a href="#">3</a>
            </li>
            <li>
                <a href="#">4</a>
            </li>
            <li>
                <a href="#">5</a>
            </li>
            <li>
                <a href="#">...</a>
            </li>
            <li>
                <a href="#" aria-label="Next">></a>
            </li>
        </ul>
    </nav>
    <footer>

    </footer>
</body>

</html>